<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>WangID通城——商品列表-缩略</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/ziy.css">

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/chengs/jquery.js"></script>
<script type="text/javascript" src="js/chengs/bootstrap.js"></script>
<script type="text/javascript" src="js/chengs/city-picker.data.js"></script>
<script type="text/javascript" src="js/chengs/city-picker.js"></script>
<script type="text/javascript" src="js/chengs/main.js"></script>
</head> 
<body>
<!--侧边-->
<div class="jdm-toolbar-wrap J-wrap">                
	<div class="jdm-toolbar J-toolbar">                    
		<div class="jdm-toolbar-panels J-panel"></div>                                       
		<div class="jdm-toolbar-tabs J-tab"> 
			<div data-type="bar" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-ger">                                
				<i class="tab-ico"></i>
				<em class="tab-text">购物车</em>                                                  
			</div>                           
			<div data-type="bar" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-cart">                                
				<i class="tab-ico"></i>
				<em class="tab-text">购物车</em>                                                  
			</div>                           
			<div data-type="bar" clstag="h|keycount|cebianlan_h_follow|btn" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-follow" data-name="follow" data-login="true">                                
				<i class="tab-ico"></i>
				<em class="tab-text">我的关注</em>                                                  
			</div>                                             
		</div>                          
		<div class="J-trigger jdm-toolbar-tab jdm-tbar-tab-message" data-name="message"><a target="_blank" href="#">
			<i class="tab-ico"></i>                                
			<em class="tab-text">我的消息                                
			</em></a>                                                
		</div>            
	</div>                    
	<div class="jdm-toolbar-footer">                        
		<div data-type="link" id="#top" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-top">                                
			<a href="#" clstag="h|keycount|cebianlan_h|top">                                
				<i class="tab-ico"></i>
				<em class="tab-text">顶部</em>                                
			</a>                         
		</div>             
	</div>                    
	<div class="jdm-toolbar-mini"></div>              
	<div id="J-toolbar-load-hook" clstag="h|keycount|cebianlan_h|load"></div>            
</div> 


<!--头部-->
<jsp:include page="public_header.jsp" />
<!--搜索栏-->
<jsp:include page="public_indexSearch.jsp" />
<!--所属分类-->
<div class="lujing_ziy">
	<a href="#">服饰</a> > <a href="#">女装</a> 
</div>
<div class="shangp_lieb_jvz">
	<div class="selector">
		<div class="s-title">
		    <h3><b>笔记本</b><em>商品筛选</em></h3>
		    <div class="st-ext">共&nbsp;<span>63337</span>个商品 </div>
	  	</div>
		<div class="J_selectorLine s-line J_selectorFold" >
            <div class="sl-wrap">
		        <div class="sl-key">
		          <span>价格：</span>
		        </div>
		        <div class="sl-value">
		          	<div class="sl-v-list">
			            <ul class="J_valueList">
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">10-100</a>
			                </li>
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">100-500</a>
			                </li>
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">500以上</a>
			                </li> 
			            </ul>
		            </div>
	            </div>
            </div>
            <div class="sl-wrap">
		        <div class="sl-key">
		          <span>款式：</span>
		        </div>
		        <div class="sl-value">
		          	<div class="sl-v-list">
			            <ul class="J_valueList">
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">软壳</a>
			                </li>
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">定制</a>
			                </li>
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">硬壳</a>
			                </li>
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">边框</a>
			                </li>
			                <li>
			                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">运动臂包</a>
			                </li>
			            </ul>
		            </div>
	            </div>
            </div>
            <div id="yingc">
	            <div class="sl-wrap">
			        <div class="sl-key">
			          <span>风格：</span>
			        </div>
			        <div class="sl-value">
			          	<div class="sl-v-list">
				            <ul class="J_valueList">
				                <li>
				                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">简约</a>
				                </li>
				                <li>
				                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">卡通动漫</a>
				                </li>
				                <li>
				                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">商务</a>
				                </li>
				                <li>
				                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">奢华</a>
				                </li> 
				                <li>
				                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">小清新</a>
				                </li> 
				                <li>
				                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">怀旧</a>
				                </li> 
				                <li>
				                  	<a href="#"  rel='nofollow'><input type="checkbox" class="checkbox yingc_df">轻奢主义</a>
				                </li> 
				            </ul>
			            </div>
		            </div>
		            <div class="sl-ext">
			            <a class="sl-e-more" style="visibility: visible;">更多<i></i></a>
			            <a class="sl-e-multiple">多选<i></i></a>
		         	</div>
	            </div>
            </div>
            <div class="s_more">
			    <span class="sm-wrap" onclick="xians()" data-more="材质、风格、选购热点 等">更多选项（ 材质、风格、选购热点 等）<i></i></span>
			</div> 
    	</div> 
	</div>
	<script type="text/javascript">
		function xians()
		{
			var ddd=document.getElementById('yingc');
			if(ddd.style.display=='block')
			{
				ddd.style.display='none';
			}
			else
			{
				ddd.style.display='block';
			}
		}
	</script>
	<!--列表-->
	<div class="shangp_lieb_yi">
		<div class="filter_yi">
			<div class="f_line">
				<div class="f_sort">
	                <a href="#" class="curr_1"><label>综合排序</label> <i></i></a>
	                <a href="#" class="curr_2">销量<i></i></a>
	                <a href="#" class="curr_2">价格<i></i></a>
	                <a href="#" class="curr_2">评论数<i></i></a>
	                <a href="#" class="curr_2">上架时间<i></i></a>
	          	</div>
			</div>
			<div class="f_line_xia">
				<div class="f_feature">
			        <ul>
                        <li id="delivery"><a class="selected" href="#"><i></i>仅显示有货</a></li>
                        <li id="delivery_211"><a class="" href="#"><i></i>货到付款</a></li>
	                </ul>
			      </div>
			</div>
		</div>
		<!--商品展示部分-->
		<div class="shnagp_list_v1">
			<ul>
				<li>
					<div class="lieb_neir_kuang">
						<div class="lieb_img">
							<a href="shangp_xiangq.jsp"><img src="images/lieb_tupi1.jpg"></a>
							<div class="p_focus"><a class="J_focus" href="#"><i></i>关注</a></div>
						</div>
						<div class="lieb_text">
							<div class="p_price">
				              	<strong class="J_price"><em>¥</em><i>1099.00</i><em class="shangp_yuanj zuo_ji">¥</em><i class="shangp_yuanj">1099.00</i></strong> 
				            </div>
						</div>
						<div class="shangp_biaot_"><a href="#">荣耀8青春版 全网通 标配版 3GB+32GB 流光金</a></div>
						<div class="lieb_dianp_mingc">
							<div class="zuo_mingc">
								<p><a class="lianpu_minc" href="#">古竣服装专营店</a></p>
								<div class="p_icons">
									<i class="icon_grou_2" data-tips="商品特价出售">特价</i>
								</div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="lieb_neir_kuang">
						<div class="lieb_img">
							<a href="shangp_xiangq.jsp"><img src="images/lieb_tupi1.jpg"></a>
							<div class="p_focus"><a class="J_focus" href="#"><i></i>关注</a></div>
						</div>
						<div class="lieb_text">
							<div class="p_price">
								<strong class="J_price"><em>¥</em><i>1099.00</i><em class="shangp_yuanj zuo_ji">¥</em><i class="shangp_yuanj">1099.00</i></strong>
							</div>
						</div>
						<div class="shangp_biaot_"><a href="#">荣耀8青春版 全网通 标配版 3GB+32GB 流光金</a></div>
						<div class="lieb_dianp_mingc">
							<div class="zuo_mingc">
								<p><a class="lianpu_minc" href="#">古竣服装专营店</a></p>
								<div class="p_icons">
									<i class="icon_grou_2" data-tips="商品特价出售">特价</i>
								</div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="lieb_neir_kuang">
						<div class="lieb_img">
							<a href="shangp_xiangq.jsp"><img src="images/lieb_tupi1.jpg"></a>
							<div class="p_focus"><a class="J_focus" href="#"><i></i>关注</a></div>
						</div>
						<div class="lieb_text">
							<div class="p_price">
								<strong class="J_price"><em>¥</em><i>1099.00</i><em class="shangp_yuanj zuo_ji">¥</em><i class="shangp_yuanj">1099.00</i></strong>
							</div>
						</div>
						<div class="shangp_biaot_"><a href="#">荣耀8青春版 全网通 标配版 3GB+32GB 流光金</a></div>
						<div class="lieb_dianp_mingc">
							<div class="zuo_mingc">
								<p><a class="lianpu_minc" href="#">古竣服装专营店</a></p>
								<div class="p_icons">
									<i class="icon_grou_2" data-tips="商品特价出售">特价</i>
								</div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="lieb_neir_kuang">
						<div class="lieb_img">
							<a href="shangp_xiangq.jsp"><img src="images/lieb_tupi1.jpg"></a>
							<div class="p_focus"><a class="J_focus" href="#"><i></i>关注</a></div>
						</div>
						<div class="lieb_text">
							<div class="p_price">
								<strong class="J_price"><em>¥</em><i>1099.00</i><em class="shangp_yuanj zuo_ji">¥</em><i class="shangp_yuanj">1099.00</i></strong>
							</div>
						</div>
						<div class="shangp_biaot_"><a href="#">荣耀8青春版 全网通 标配版 3GB+32GB 流光金</a></div>
						<div class="lieb_dianp_mingc">
							<div class="zuo_mingc">
								<p><a class="lianpu_minc" href="#">古竣服装专营店</a></p>
								<div class="p_icons">
									<i class="icon_grou_2" data-tips="商品特价出售">特价</i>
								</div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="lieb_neir_kuang">
						<div class="lieb_img">
							<a href="shangp_xiangq.jsp"><img src="images/lieb_tupi1.jpg"></a>
							<div class="p_focus"><a class="J_focus" href="#"><i></i>关注</a></div>
						</div>
						<div class="lieb_text">
							<div class="p_price">
								<strong class="J_price"><em>¥</em><i>1099.00</i><em class="shangp_yuanj zuo_ji">¥</em><i class="shangp_yuanj">1099.00</i></strong>
							</div>
						</div>
						<div class="shangp_biaot_"><a href="#">荣耀8青春版 全网通 标配版 3GB+32GB 流光金</a></div>
						<div class="lieb_dianp_mingc">
							<div class="zuo_mingc">
								<p><a class="lianpu_minc" href="#">古竣服装专营店</a></p>
								<div class="p_icons">
									<i class="icon_grou_2" data-tips="商品特价出售">特价</i>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div class="page clearfix">
	        	<div class="p-wrap" id="J_bottomPage">
		            <span class="p-num">
						<a class="pn-prev disabled" href="undefined&amp;ms=5"><i>&lt;</i><em>上一页</em></a>
						<a href="#" class="curr_3">1</a>
		                <b class="pn-break hide"> …</b>
		                <a href="/#" class="hide ">-2</a>
		                <a href="/#" class="hide ">-1</a>
		                <a href="#" class="hide ">0</a>
		                <a href="#" class="hide curr_3">1</a>
		                <a href="#" class=" ">2</a>
		                <a href="#" class=" ">3</a>
		                <b class="pn-break "> …</b>
		                <a href="#" class="">166</a>
						<a class="pn-next" href="#">下一页<i>&gt;</i></a>
					</span>
		            <span class="p-skip">
		                <em>共<b>166</b>页&nbsp;&nbsp;到第</em>
		                <input class="input-txt" value="1">
		                <em>页</em>
		                <a class="btn btn-default" href="javascript:page_jump();">确定</a>
		            </span> 
	        	</div>
	    	</div>
		</div>
	</div>
</div>

<!--列表一结束-->
<!--猜你喜欢-->
<div class="cain_xih">
	<div class="mt">
		<h2 class="title">猜你喜欢</h2>
		<div class="extra">
			<a href="#" class="change"><i class="ico"></i><span class="txt">换一批</span></a>
		</div>
	</div>
	<ul class="cain_xihuan_neir">
		<li>
			<div class="item_pic"><a href="#"><img src="images/lieb_tupi1.jpg"></a></div>
			<div class="cain_xih_biaot"><a href="#">伊秋梦紫 2017夏季新款韩版小清新中长款碎花雪纺连衣裙8819(米白色 XXL棉麻连衣裙，舒适透气，MM</a></div>
			<div class="cain_xih_jiaq"><p>￥560.00</p></div>
		</li>
		<li>
			<div class="item_pic"><a href="#"><img src="images/lieb_tupi2.jpg"></a></div>
			<div class="cain_xih_biaot"><a href="#">伊秋梦紫 2017夏季新款韩版小清新中长款碎花雪纺连衣裙8819(米白色 XXL棉麻连衣裙，舒适透气，MM</a></div>
			<div class="cain_xih_jiaq"><p>￥560.00</p></div>
		</li>
		<li>
			<div class="item_pic"><a href="#"><img src="images/lieb_tupi3.jpg"></a></div>
			<div class="cain_xih_biaot"><a href="#">伊秋梦紫 2017夏季新款韩版小清新中长款碎花雪纺连衣裙8819(米白色 XXL棉麻连衣裙，舒适透气，MM</a></div>
			<div class="cain_xih_jiaq"><p>￥560.00</p></div>
		</li>
		<li>
			<div class="item_pic"><a href="#"><img src="images/lieb_tupi1.jpg"></a></div>
			<div class="cain_xih_biaot"><a href="#">伊秋梦紫 2017夏季新款韩版小清新中长款碎花雪纺连衣裙8819(米白色 XXL棉麻连衣裙，舒适透气，MM</a></div>
			<div class="cain_xih_jiaq"><p>￥560.00</p></div>
		</li>
		<li>
			<div class="item_pic"><a href="#"><img src="images/lieb_tupi3.jpg"></a></div>
			<div class="cain_xih_biaot"><a href="#">伊秋梦紫 2017夏季新款韩版小清新中长款碎花雪纺连衣裙8819(米白色 XXL棉麻连衣裙，舒适透气，MM</a></div>
			<div class="cain_xih_jiaq"><p>￥560.00</p></div>
		</li>
		<li>
			<div class="item_pic"><a href="#"><img src="images/lieb_tupi2.jpg"></a></div>
			<div class="cain_xih_biaot"><a href="#">伊秋梦紫 2017夏季新款韩版小清新中长款碎花雪纺连衣裙8819(米白色 XXL棉麻连衣裙，舒适透气，MM</a></div>
			<div class="cain_xih_jiaq"><p>￥560.00</p></div>
		</li>
	</ul>
</div>

<!--底部-->
<div class="dib_beij">
	<div class="dib_jvz_beij">
		<div class="shangp_baoz">
			<p>本地购物&nbsp;&nbsp;看得见的商品</p>
			<p class="beng1">正品行货&nbsp;&nbsp;购物无忧</p>
			<p class="beng2">低价实惠&nbsp;&nbsp;帮你省钱</p>
			<p class="beng3">本地直发&nbsp;&nbsp;专业配送</p>
		</div>
		<div class="zhongj_youx">
			<div class="lieb_daoh">
				<h4>物流配送</h4>
				<ul>
					<li><a href="#">配送查询</a></li>
					<li><a href="#">配送服务</a></li>
					<li><a href="#">配送费用</a></li>
					<li><a href="#">配送时效</a></li>
					<li><a href="#">签收与验货</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>支付与账户</h4>
				<ul>
					<li><a href="#">货到付款</a></li>
					<li><a href="#">在线支付</a></li>
					<li><a href="#">门店支付</a></li> 
					<li><a href="zhangh_anq.jsp">账户安全</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>购物帮助</h4>
				<ul>
					<li><a href="#">购物保障</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">焦点问题</a></li>
					<li><a href="#">联系我们</a></li> 
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>售后服务</h4>
				<ul>
					<li><a href="#">退换货服务</a></li>
					<li><a href="#">退款说明</a></li>
					<li><a href="#">专业维修</a></li>
					<li><a href="#">延保服务</a></li>
					<li><a href="#">家电回收</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<div class="kef_dianh">
					<p>客服电话</p><span>400-6677-937</span>
				</div>
				<div class="kef_dianh kef_dianh_youx">
					<p>意见收集邮箱</p><p>Ask@wangid.com</p>
				</div>
			</div> 
			<div class="lieb_daoh lieb_daoh_you">
				<div class="erw_ma_beij">
					<div class="erw_m">
						<h1><img src="images/mb_wangid.png"></h1>
						<span>扫码下载通城客户端</span>
					</div>
					<div class="erw_m">
						<h1><img src="images/mb_wangid.png"></h1>
						<span>扫码下载通城客户端</span>
					</div>
				</div>
			</div> 
		</div>
		<div class="beia_hao">
			<p>京ICP备：14012449号 黔ICP证：B2-20140009号  </p>
			<p class="gonga_bei">京公网安备：11010602030054号</p>
			<div class="renz_">
				<span></span>
				<span class="span1"></span>
				<span class="span2"></span>
				<span class="span3"></span>
			</div>
		</div>
	</div>
</div>
 


</body>
</html>

 